body{
    background: #0B0C48;
}
.container{
    padding-bottom: .54rem;
}
.banner{
    width: 7.5rem;
    height: 5.6rem;
    background: url(../images/offilepaybg.jpg);
    background-size:cover; 
}
.stepContainer{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.step{
    width:6.7rem;
    background:rgba(255, 255, 255, 1);
    border-radius:.1rem;
    /* margin: -5px auto 0; */
}
.step .title {
    width:2.16rem;
    font-size:.36rem;
    font-weight:500;
    color:rgba(84, 86, 153, 1);
    line-height:.5rem;
    text-align: center;
    width: 100%;
    padding: .44rem 0 .1rem;
}
.lineImg {
    margin-bottom: .4rem;
    text-align: center;
}
.lineImg img{
    width: 1.76rem;
    height: .04rem;
}
.infoTxt{
    padding: 0 .42rem .54rem;
}
.itemInfo{
    display: flex;
}
.itemInfo .num{
    color: #545699;
    font-size: .32rem;
    margin-right: .32rem;
}
.itemInfo .txt{
    widows: 5rem;
    font-size:.28rem;
    font-weight:300;
    color:rgba(60, 61, 65, 1);
    line-height:.4rem;
}
.lineVerImg{
    margin: .1rem .14rem;
}
.lineVerImg img{
    width: .02rem;
    height: .38rem;
}
.secondStep {
    margin-top: -.3rem;
}
.bank{
    margin-top: .2rem;
}
.bank .bankInfo{
    color: #3C3D41;
    padding: 0 .4rem;
}
.bank .bankInfo li{
    line-height: .5rem;
    font-size: .28rem;
}
.lineBottom{
    text-align: center;
}
.lineBottom img{
    width: 5.68rem;
    height: .04rem;
}
.pay{
    padding: 0 .5rem .4rem;
    text-align: center;
    display: flex;
    justify-content: space-between;
}
.pay img{
    width: 2.62rem;
    height: 2.62rem;
}
.icon{
    padding: .16rem 0 .08rem;
}
.icon img{
    width: .56rem;
    height: auto;
}
.icon span{
    line-height: .6rem;
}
.button{
    display: inline-block;
    border: none;
    width:1.6rem;
    height:.5rem;
    border-radius:.08rem;
    color: #fff;
    font-size: .2rem;
    text-align: center;
    line-height: .5rem;
    margin-top: .1rem;
    background: #0B0C48;
}